/* 首页的样式 */
.banner{
    height: 500px;
    background-color: #f5f5f5;
}
.banner .container{
    /* 父相 */
    position: relative;
    height: 500px;
}
.banner .container img{
    width: 100%;
    height: 100%;
}
/* 商品分类侧边栏 */
.banner .container .category{
    /* 子绝 */
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 500px;
    background-color: rgba(0, 0, 0, 0.8);
}
.banner .container .category ul li a{
    /* 父相 */
    position: relative;
    display: block;
    width: 250px;
    height: 50px;
    line-height: 50px;
    padding-left: 36px;
    font-size: 16px;
    color: #fff;
}
.banner .container .category ul li a span{
    font-size: 14px;
    color: #fff;
    margin-left: 12px;
}
/* 右箭头 */
.banner .container .category ul li a::after{
    content: "";
    /* 子绝 */
    position: absolute;
    top: 0;
    right: 0;
    /* background-color: red; */
    margin-top: 19px;
    margin-right: 19px;
    width: 6px;
    height: 11px;
    background: url(../images/sprites.png) -80px -110px;
}
.banner .container .category ul li a:hover{
    background-color: #27ba9b;
}
/* 前按钮 */
.banner .container .pre{
    position: absolute;
    top: 228px;
    left: 260px;
    width: 45px;
    height: 44px;
    border-radius: 50%;
    background:  rgba(0, 0, 0, 0.2) url(../images/sprites.png) 16px -60px;
}
/* 后按钮 */
.banner .container .next{
    position: absolute;
    top: 228px;
    right: 12px;
    width: 45px;
    height: 44px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2) url(../images/sprites.png) -24px -60px;
}


/* 轮播图指示点 */
.banner .container .indicate{
    /* 子绝 */
    position: absolute;
    bottom: 20px;
    right: 442px;
    width: 120px;
    height: 18px;
    /* background-color: green; */
}
.banner .container .indicate ul li{
    float: left;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.43);
    border-radius: 50%;
    margin: 5px 7px;
}
/* 选中的点 */
.banner .container .indicate ul .active{
    background-color: #fff;
}
/* 新鲜好物板块 */
.xtx-fresh-goods .container{
    /* background-color: red; */
    line-height: 1;
    margin-top: 48px;
}
.xtx-fresh-goods .container .fresh-goods-hd h2{
    font-size: 29px;
    font-weight: normal;
    color: #333;
    float: left;
}
.xtx-fresh-goods .container .fresh-goods-hd h2 span{
    font-size: 16px;
    color: #999;
    margin-left: 34px;
}
.xtx-fresh-goods .container .fresh-goods-hd a{
    /* 父相 */
    position: relative;
    float: right;
    color: #999;
    font-size: 16px;
    padding-right: 20px;
}
.xtx-fresh-goods .container .fresh-goods-hd a::after{
    /* 子绝 */
    position: absolute;
    top: 3px;
    right: 0;
    content: "";
    display: block;
    /* background-color: red; */
    width: 7px;
    height: 13px;
    background: url(../images/sprites.png) 0 -110px;
}

/* 新鲜好物列表 */
.xtx-fresh-goods .container .goods-list{
    margin-top: 37px;
}
.xtx-fresh-goods .container .goods-list li a{
    display: block;
    width: 304px;
    text-align: center;
    padding-bottom: 20px;
    background-color: #f0f9f4;
    margin-right: 8px;
}
.xtx-fresh-goods .container .goods-list li a img{
    width: 100%;
}
.xtx-fresh-goods .container .goods-list li a p{
    font-size: 20px;
    color: #333;
    margin: 22px 0 20px 0;
}
.xtx-fresh-goods .container .goods-list li a span{
    font-size: 23px;
    color: #9a2e1f;
}
.xtx-fresh-goods .container .goods-list li a span i{
    font-size: 17px;
}
.xtx-fresh-goods .container .goods-list li{
    float: left;
}
.xtx-fresh-goods .container .goods-list li:last-child a{
    margin-right: 0;
}
/* 人气推荐 */
.xtx-popular .container{
    /* background-color: pink; */
    line-height: 1;
    margin-bottom: 55px;
}

.xtx-popular .popular-hd h2{
    font-size: 29px;
    color: #333;
    margin-top: 47px;
}
.xtx-popular .popular-hd h2 span{
    font-size: 16px;
    color: #999;
    margin-left: 34px;
}
.xtx-popular .container ul li{
    float: left;
}
.xtx-popular .container ul li a{
    display: block;
    text-align: center;
    width: 304px;
    margin-top: 40px;
    padding-bottom: 23px;
    margin-right: 8px;
}
/* 取消最后一个a标签的右margin */
.xtx-popular .container ul li:last-child a{
    margin-right: 0;
}
.xtx-popular .container ul li a img{
    width: 100%;
}
.xtx-popular .container ul li a p{
    font-size: 21px;
    color: #333;
    margin: 22px 0 18px 0;
}
.xtx-popular .container ul li a span{
    font-size: 16px;
    color: #999;
}
/* 热门品牌 */
.banner-rmpp{
    height: 466px;
    background-color: #f5f5f5;
}
.banner-rmpp .container{
    position: relative;
    line-height: 1;
}
.banner-rmpp .container .rmpp-hd h2{
    font-size: 29px;
    color: #333;
    margin-top: 42px;
}
.banner-rmpp .container .rmpp-hd h2 span{
    font-size: 16px;
    color: #999;
    margin-left: 35px;
}
.banner-rmpp  .container ul li a{
    display: block;
    width: 244px;
    height: 306px;
    padding-top: 45px;
    margin-right: 5px;
}
.banner-rmpp .container ul:last-child a{
    margin-right: 0;
}
.banner-rmpp ul a img{
    width: 244px;
    height: 306px;
}
.banner-rmpp ul{
    float: left;
}
.banner-rmpp .container .kh1{
    position: absolute;
    top: 79px;
    right: 20px;
    width: 20px;
    height: 20px;
    /* background-color: red; */
    margin-right: 12px;
    background: #e2e2e2 url(../images/sprites.png) 3px -71px;
}
.banner-rmpp .container .kh1:hover{
    background-color: #27ba9b;
}
.banner-rmpp .container .kh2{
    position: absolute;
    top: 79px;
    right: 12px;
    width: 20px;
    height: 20px;
    /* background-color: green; */
    margin-right: -12px;
    background: #e2e2e2 url(../images/sprites.png) -36px -71px;
}
.banner-rmpp .container .kh2:hover{
    background-color: #27ba9b;
}
/* 生鲜板块 */
.xtx-new-goods .container{
    /* background-color: pink; */
    line-height: 1;
}
.xtx-new-goods .container .new-goods-hd{
    /* 父相 */
    position: relative;
}
.xtx-new-goods .container .new-goods-hd h2{
    font-size: 29px;
    font-weight: normal;
    color: #333;
    margin-top: 34px;
    margin-bottom: 34px;
    margin-right: 674px;
}
.xtx-new-goods .container .new-goods-hd ul li{
    float: left;
    margin-top: 42px;
}
.xtx-new-goods .container .new-goods-hd ul li a{
    display: block;
    padding: 2px 7px;
    font-size: 16px;
    color: #333;
    margin-right: 6px;
}
.xtx-new-goods .container .new-goods-hd ul li a:hover{
    background-color: #27ba9b;
}
.xtx-new-goods .container .new-goods-hd ul li:last-child a{
    margin-right: 0;
}
.xtx-new-goods .container .new-goods-hd>a{
    font-size: 16px;
    color: #999;
    margin-top: 45px;
    padding-right: 20px;
}
.xtx-new-goods .container .new-goods-hd a::after{
    /* 子绝 */
    position: absolute;
    top: 52px;
    right: 0;
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background: url(../images/sprites.png) 0 -110px;
}
/* 生鲜列表 */
.xtx-new-goods .container .new-goods-list .left{
    width: 240px;
    height: 610px;
}
.xtx-new-goods .container .new-goods-list .right{
    width: 990px;
    height: 640px;
}
.xtx-new-goods .container .new-goods-list .right ul li a{
    display: block;
    width: 242px;
    height: 304px;
    /* background-color: blue; */
    /* text-align: center; */
}
.xtx-new-goods .container .new-goods-list .right ul li a img{
    width: 184px;
    height: 184px;
    margin: 8px 29px 0;
}
.xtx-new-goods .container .new-goods-list .right ul li{
    float: left;
}
.xtx-new-goods .container .new-goods-list .right ul li a p{
    color: #333;
    font-size: 16px;
    margin: 12px 29px 0 29px;
}
.xtx-new-goods .container .new-goods-list .right ul li a span{
    font-size: 22px;
    color: #9a2e1f;
    padding: 15px 176px 0 29px;
}
.xtx-new-goods .container .new-goods-list .right ul li a span i{
    font-size: 17px;
    color: #9a2e1f;
}
/* 服饰板块 */
/* 服饰头部 */
.xtx-fs .container{
    /* background-color: pink; */
    line-height: 1;
}
.xtx-fs .container .xtx-fs-hd{
    /* 父相 */
    position: relative;
}
.xtx-fs .container .xtx-fs-hd h2{
    font-size: 29px;
    font-weight: normal;
    color: #333;
    /* margin-top: 34px; */
    margin-bottom: 34px;
    margin-right: 674px;
}
.xtx-fs .container .xtx-fs-hd ul li{
    float: left;
    margin-top: 7px;
}
.xtx-fs .container .xtx-fs-hd ul li a{
    display: block;
    padding: 2px 7px;
    font-size: 16px;
    color: #333;
    margin-right: 6px;
}
.xtx-fs .container .xtx-fs-hd ul li a:hover{
    background-color: #27ba9b;
}
.xtx-fs .container .xtx-fs-hd ul li:last-child a{
    margin-right: 0;
}
.xtx-fs .container .xtx-fs-hd>a{
    font-size: 16px;
    color: #999;
    margin-top: 10px;
    padding-right: 20px;
}
.xtx-fs .container .xtx-fs-hd a::after{
    /* 子绝 */
    position: absolute;
    top: 12px;
    right: 0;
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background: url(../images/sprites.png) 0 -110px;}
/* 服饰列表 */
.xtx-fs .container .xtx-fs-list .fs-left{
    width: 240px;
    height: 610px;
}
.xtx-fs .container .xtx-fs-list .fs-left img{
    width: 100%;
    height: 100%;
}
.xtx-fs .container .xtx-fs-list .fs-right{
    width: 990px;
    height: 640px;
}
.xtx-fs .container .xtx-fs-list .fs-right ul li a{
    display: block;
    width: 242px;
    height: 304px;
    /* background-color: blue; */
    /* text-align: center; */
}
.xtx-fs .container .xtx-fs-list .fs-right ul li a img{
    width: 184px;
    height: 184px;
    margin: 8px 29px 0;
}
.xtx-fs .container .xtx-fs-list .fs-right ul li{
    float: left;
}
.xtx-fs .container .xtx-fs-list .fs-right ul li a p{
    color: #333;
    font-size: 16px;
    margin: 12px 29px 0 29px;
}
.xtx-fs .container .xtx-fs-list .fs-right ul li a span{
    font-size: 22px;
    color: #9a2e1f;
    padding: 15px 176px 0 29px;
}
.xtx-fs .container .xtx-fs-list .fs-right ul li a span i{
    font-size: 17px;
    color: #9a2e1f;
}
/* 餐厨板块 */
/* 餐厨头部 */
.xtx-cc .container{
    /* background-color: pink; */
    line-height: 1;
}
.xtx-cc .container .xtx-cc-hd{
    /* 父相 */
    position: relative;
}
.xtx-cc .container .xtx-cc-hd h2{
    font-size: 29px;
    font-weight: normal;
    color: #333;
    /* margin-top: 34px; */
    margin-bottom: 34px;
    margin-right: 674px;
}
.xtx-cc .container .xtx-cc-hd ul li{
    float: left;
    margin-top: 7px;
}
.xtx-cc .container .xtx-cc-hd ul li a{
    display: block;
    padding: 2px 7px;
    font-size: 16px;
    color: #333;
    margin-right: 6px;
}
.xtx-cc .container .xtx-cc-hd ul li a:hover{
    background-color: #27ba9b;
}
.xtx-cc .container .xtx-cc-hd ul li:last-child a{
    margin-right: 0;
}
.xtx-cc .container .xtx-cc-hd>a{
    font-size: 16px;
    color: #999;
    margin-top: 10px;
    padding-right: 20px;
}
.xtx-cc .container .xtx-cc-hd a::after{
    /* 子绝 */
    position: absolute;
    top: 12px;
    right: 0;
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background: url(../images/sprites.png) 0 -110px;}
/* 餐厨列表 */
.xtx-cc .container .xtx-cc-list .cc-left{
    width: 240px;
    height: 610px;
}
.xtx-cc .container .xtx-cc-list .cc-left img{
    width: 100%;
    height: 100%;
}
.xtx-cc .container .xtx-cc-list .cc-right{
    width: 990px;
    height: 640px;
}
.xtx-cc .container .xtx-cc-list .cc-right ul li a{
    display: block;
    width: 242px;
    height: 304px;
    /* background-color: blue; */
    /* text-align: center; */
}
.xtx-cc .container .xtx-cc-list .cc-right ul li a img{
    width: 184px;
    height: 184px;
    margin: 8px 29px 0;
}
.xtx-cc .container .xtx-cc-list .cc-right ul li{
    float: left;
}
.xtx-cc .container .xtx-cc-list .cc-right ul li a p{
    color: #333;
    font-size: 16px;
    margin: 12px 29px 0 29px;
}
.xtx-cc .container .xtx-cc-list .cc-right ul li a span{
    font-size: 22px;
    color: #9a2e1f;
    padding: 15px 176px 0 29px;
}
.xtx-cc .container .xtx-cc-list .cc-right ul li a span i{
    font-size: 17px;
    color: #9a2e1f;
}
/* 居家板块 */
/* 居家头部 */
.xtx-jj .container{
    /* background-color: pink; */
    line-height: 1;
}
.xtx-jj .container .xtx-jj-hd{
    /* 父相 */
    position: relative;
}
.xtx-jj .container .xtx-jj-hd h2{
    font-size: 29px;
    font-weight: normal;
    color: #333;
    /* margin-top: 34px; */
    margin-bottom: 34px;
    margin-right: 674px;
}
.xtx-jj .container .xtx-jj-hd ul li{
    float: left;
    margin-top: 7px;
}
.xtx-jj .container .xtx-jj-hd ul li a{
    display: block;
    padding: 2px 7px;
    font-size: 16px;
    color: #333;
    margin-right: 6px;
}
.xtx-jj .container .xtx-jj-hd ul li a:hover{
    background-color: #27ba9b;
}
.xtx-jj .container .xtx-jj-hd ul li:last-child a{
    margin-right: 0;
}
.xtx-jj .container .xtx-jj-hd>a{
    font-size: 16px;
    color: #999;
    margin-top: 10px;
    padding-right: 20px;
}
.xtx-jj .container .xtx-jj-hd a::after{
    /* 子绝 */
    position: absolute;
    top: 12px;
    right: 0;
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background: url(../images/sprites.png) 0 -110px;}
/* 居家列表 */
.xtx-jj .container .xtx-jj-list .jj-left{
    width: 240px;
    height: 610px;
}
.xtx-jj .container .xtx-jj-list .jj-left img{
    width: 100%;
    height: 100%;
}
.xtx-jj .container .xtx-jj-list .jj-right{
    width: 990px;
    height: 640px;
}
.xtx-jj .container .xtx-jj-list .jj-right ul li a{
    display: block;
    width: 242px;
    height: 304px;
    /* background-color: blue; */
    /* text-align: center; */
}
.xtx-jj .container .xtx-jj-list .jj-right ul li a img{
    width: 184px;
    height: 184px;
    margin: 8px 29px 0;
}
.xtx-jj .container .xtx-jj-list .jj-right ul li{
    float: left;
}
.xtx-jj .container .xtx-jj-list .jj-right ul li a p{
    color: #333;
    font-size: 16px;
    margin: 12px 29px 0 29px;
}
.xtx-jj .container .xtx-jj-list .jj-right ul li a span{
    font-size: 22px;
    color: #9a2e1f;
    padding: 15px 176px 0 29px;
}
.xtx-jj .container .xtx-jj-list .jj-right ul li a span i{
    font-size: 17px;
    color: #9a2e1f;
}
/* 最新专题板块 */
.xtx-zxzt{
    height: 512px;
    background-color: #f5f5f5;
}
.xtx-zxzt .container{
    line-height: 1;
    background-color: pink;
}
.xtx-zxzt .container h2{
    font-size: 29px;
    color: #333;
    font-weight: normal;
    margin-top: 44px;
}
.xtx-zxzt .container a{
    font-size: 16px;
    color: #999;
    margin-top: 72px;
    margin-right: 13px;
}
